@import "base/base.less";
@import "module/card/img-title-card002";
@import "module/page-control";
@import "module/simple-list.less";

@bodyBG: url("../images/column-list/bg.png") no-repeat;
@itemActiveBg: data-uri('../images/Level0-classify-list/list-item-focus.png');
@listTitleWidth: 800px;
@itemPadding: 10px;

@bodyBG: url("../images/Level0-classify-list/bg.png");
#title{
  .absolute(60px,40px);
  font-size: 38px;
  font-weight: bold;
}
#content {
  .absolute(0, 118px);
  .tab-content {
    .absolute(60px, 0);
    display: none;
  }


  #textListStyleA{
    background: url("../images/column-list/right-bg.png");
    .setWH(1160px,500px);
    overflow: hidden;

    .icon{
      display: inline-block;
      margin-left: 10px;
      vertical-align: top;
      margin-top: 5px;
    }
    .title{
      margin-left: 0;
      width: 750px;
    }

  }
  #textListStyleB{
    background: url("../images/column-list/right-bg.png");
    .setWH(1160px,500px);
    overflow: hidden;
    .title{
      margin-left: 0;
    }
  }
  #imgListStyleB.card002{
    .list-item{
      height: 248px;
    }
    .list-item-wrap{
      height: 244px;
    }
  }

  #videoListStyleA{
    .list-item {
      position: absolute;
      width:301px;
      overflow: hidden;
      .list-item-wrap {
        overflow: hidden;
        position: relative;
        margin: 4px;
        .setWH(293px, 238px);
      }
      &.active {
        background-color: white;
      }
      .preview-img {
        position: absolute;
        .setWH(293px, 238px);
        img{
          .setWH(100%,100%);
        }
      }
      .play-btn {
        .absolute(50%, 50%);
        margin-top: -25px;
        margin-left: -25px;
      }
      .title {
        position: absolute;
        background: data-uri("../images/column-list/title-mask.png") no-repeat;
        .setWH(293px, 40px);
        text-align: center;
        bottom: 0;
        .line-height(40px);
        .ellipsis;
      }
    }
  }

}

#pageControl{
  .absolute(900px,633px);
  font-size: 24px;
  color: #00dfb8;
  .line-height(37px);
  &>div{
    display: inline-block;
    margin: 0 12px;
    vertical-align: top;
  }
}
#pageInfo{
  position: absolute;
  right: 60px;
  top:633px;
  .curPage{
    display: inline-block;
    font-size: 30px;
    font-weight: bold;
    color: #00dfb8;
  }
  .totalPage{
    display: inline-block;
    font-size: 24px;
    text-indent: 4px;
  }
}

#page{
  .absolute(468px,634px);
}